<!-- Main Header -->
<header class="main-header">
    <div class="top-bar">
        <div class="top-container">
            <!--Info Outer-->
            <div class="info-outer">
                <span>{{ $site['tip']??'' }}</span>
                <!--Info Box-->
                <ul class="info-box clearfix">
                    <li><i class="icon icon-envelope "></i><a href="#">{{ $site['email']??'' }}</a></li>
                    <li style="padding-left:20px;"><i class="icon icon-phone"></i><a href="tel:{{ $site['phone'] }}">{{ $site['phone'] }}</a></li>

                </ul>

            </div>
        </div>
    </div>
    <!-- Header Upper -->
    <div class="header-upper">
        <div class="auto-container clearfix">
            <!-- Logo -->
            <div class="logo">
                <a href="/"><img src="/static/home/images/logo-1.png" alt="华椰热作"></a>
            </div>

            <!--Nav Outer-->
            <div class="nav-outer clearfix">

                <!-- <a href="#" class="theme-btn btn-donate" data-toggle="modal" data-target="#donate-popup">华椰商城</a> -->

                <!-- Main Menu -->
                <nav class="main-menu">

                    <div class="navbar-header">
                        <!-- Toggle Button -->
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>

                    <div class="navbar-collapse collapse clearfix">
                        <ul class="navigation">
                            <li><a href="/">首页</a></li>
                            <li><a href="/#product">产品介绍</a></li>
                            <li><a href="/#base">种植基地</a></li>
                            <li><a href="/news">行业资讯</a></li>
                            <li><a href="/about">关于我们</a></li>
                        </ul>
                    </div>
                </nav><!-- Main Menu End-->

            </div>

        </div>
    </div><!-- Header Top End -->

</header><!--End Main Header -->